<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="generator" content="JsDoc Toolkit" />
		
		<title>JsDoc Reference - odr</title>

		<style type="text/css">
			/* default.css */
body
{
	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	width: 800px;
}

.header
{
	clear: both;
	background-color: #ccc;
	padding: 8px;
}

h1
{
	font-size: 150%;
	font-weight: bold;
	padding: 0;
	margin: 1em 0 0 .3em;
}

hr
{
	border: none 0;
	border-top: 1px solid #7F8FB1;
	height: 1px;
}

pre.code
{
	display: block;
	padding: 8px;
	border: 1px dashed #ccc;
}

#index
{
	margin-top: 24px;
	float: left;
	width: 160px;
	position: absolute;
	left: 8px;
	background-color: #F3F3F3;
	padding: 8px;
}

#content
{
	margin-left: 190px;
	width: 600px;
}

.classList
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 8px;
	font-family: arial, sans-serif;
	font-size: 1em;
	overflow: auto;
}

.classList li
{
	padding: 0;
	margin: 0 0 8px 0;
}

.summaryTable { width: 100%; }

h1.classTitle
{
	font-size:170%;
	line-height:130%;
}

h2 { font-size: 110%; }
caption, div.sectionTitle
{
	background-color: #7F8FB1;
	color: #fff;
	font-size:130%;
	text-align: left;
	padding: 2px 6px 2px 6px;
	border: 1px #7F8FB1 solid;
}

div.sectionTitle { margin-bottom: 8px; }
.summaryTable thead { display: none; }

.summaryTable td
{
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px #7F8FB1 solid;
	border-right: 1px #7F8FB1 solid;
}

/*col#summaryAttributes {}*/
.summaryTable td.attributes
{
	border-left: 1px #7F8FB1 solid;
	width: 140px;
	text-align: right;
}

td.attributes, .fixedFont
{
	line-height: 15px;
	color: #002EBE;
	font-family: "Courier New",Courier,monospace;
	font-size: 13px;
}

.summaryTable td.nameDescription
{
	text-align: left;
	font-size: 13px;
	line-height: 15px;
}

.summaryTable td.nameDescription, .description
{
	line-height: 15px;
	padding: 4px;
	padding-left: 4px;
}

.summaryTable { margin-bottom: 8px; }

ul.inheritsList
{
	list-style: square;
	margin-left: 20px;
	padding-left: 0;
}

.detailList {
	margin-left: 20px; 
	line-height: 15px;
}
.detailList dt { margin-left: 20px; }

.detailList .heading
{
	font-weight: bold;
	padding-bottom: 6px;
	margin-left: 0;
}

.light, td.attributes, .light a:link, .light a:visited
{
	color: #777;
	font-style: italic;
}

.fineprint
{
	text-align: right;
	font-size: 10px;
}
		</style>
	</head>

	<body>
<!-- ============================== header ================================= -->	
		<!-- begin static/header.html -->
		<div id="header">
</div>
		<!-- end static/header.html -->

<!-- ============================== classes index ============================ -->
		<div id="index">
			<!-- begin publish.classesIndex -->
			<div align="center"><a href="../index.html">Class Index</a>
| <a href="../files.html">File Index</a></div>
<hr />
<h2>Classes</h2>
<ul class="classList">
	
	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
	
	<li><a href="../symbols/Function.html">Function</a></li>
	
	<li><a href="../symbols/odr.html">odr</a></li>
	
	<li><a href="../symbols/odr.Association.html">odr.Association</a></li>
	
	<li><a href="../symbols/odr.Association.listener.html">odr.Association.listener</a></li>
	
	<li><a href="../symbols/odr.Drawable.html">odr.Drawable</a></li>
	
	<li><a href="../symbols/odr.Drawable.listener.html">odr.Drawable.listener</a></li>
	
	<li><a href="../symbols/odr.Endpoint.html">odr.Endpoint</a></li>
	
	<li><a href="../symbols/odr.Endpoint.listener.html">odr.Endpoint.listener</a></li>
	
	<li><a href="../symbols/odr.Handle.html">odr.Handle</a></li>
	
	<li><a href="../symbols/odr.Handle.listener.html">odr.Handle.listener</a></li>
	
	<li><a href="../symbols/odr.Label.html">odr.Label</a></li>
	
	<li><a href="../symbols/odr.Label.listener.html">odr.Label.listener</a></li>
	
	<li><a href="../symbols/odr.Line.html">odr.Line</a></li>
	
	<li><a href="../symbols/odr.Line.listener.html">odr.Line.listener</a></li>
	
	<li><a href="../symbols/odr.Node.html">odr.Node</a></li>
	
	<li><a href="../symbols/odr.Node.listener.html">odr.Node.listener</a></li>
	
	<li><a href="../symbols/odr.popup.html">odr.popup</a></li>
	
	<li><a href="../symbols/odr.Registry.html">odr.Registry</a></li>
	
	<li><a href="../symbols/odr.settings.html">odr.settings</a></li>
	
	<li><a href="../symbols/odr.Shape.html">odr.Shape</a></li>
	
	<li><a href="../symbols/odr.Shape.listener.html">odr.Shape.listener</a></li>
	
	<li><a href="../symbols/String.html">String</a></li>
	
</ul>
<hr />
			<!-- end publish.classesIndex -->
		</div>
		
		<div id="content">
<!-- ============================== class title ============================ -->
			<h1 class="classTitle">
				
				Namespace odr
			</h1>

<!-- ============================== class summary ========================== -->			
			<p class="description">
				
				
			
				The namespace for the whole diagram JavaScript.
				
				
					<br /><i>Defined in: </i> <a href="../symbols/src/diagram-definitions.js.html">diagram-definitions.js</a>.
				
			</p>

<!-- ============================== constructor summary ==================== -->			
			
			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class odr.">
				<caption>Namespace Summary</caption>
				<thead>
					<tr>
						<th scope="col">Constructor Attributes</th>
						<th scope="col">Constructor Name and Description</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="attributes">&nbsp;</td>
						<td class="nameDescription" >
							<div class="fixedFont">
								<b><a href="../symbols/odr.html#constructor">odr</a></b>
							</div>
							<div class="description"></div>
						</td>
					</tr>
				</tbody>
			</table>
			

<!-- ============================== properties summary ===================== -->
			
				
				
				
				
			

<!-- ============================== methods summary ======================== -->
			
				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class odr.">
					<caption>Method Summary</caption>
					<thead>
						<tr>
							<th scope="col">Method Attributes</th>
							<th scope="col">Method Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.addNode">addNode</a></b>(name, status, statusToShow, visible)
								</div>
								<div class="description">Use this utility functionality to add nodes.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.alignmentHelper">alignmentHelper</a></b>(helpAction, cancelAction)
								</div>
								<div class="description">Open a dialog box that checks whether the user wants the system to automatically align the drag handles for him.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.arrow">arrow</a></b>(id)
								</div>
								<div class="description"><p>Create a new arrow with default attributes and add it to the definitions of the svg.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.assertBodySize">assertBodySize</a></b>()
								</div>
								<div class="description"><p>Make sure that the size of the body element is at least the size of the available viewport.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.assertSvgSize">assertSvgSize</a></b>()
								</div>
								<div class="description">Make sure that the size of the SVG canvas is big enough for all lines</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.bootstrap">bootstrap</a></b>(listener)
								</div>
								<div class="description">Attach a lisnener to the bootstrap phase.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.canvas">canvas</a></b>()
								</div>
								<div class="description">Get the SVG canvas</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.clearSelectedElements">clearSelectedElements</a></b>()
								</div>
								<div class="description">Deselect all selected elements</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.getUrlVars">getUrlVars</a></b>()
								</div>
								<div class="description">Taken from http://snipplr.com/view/799/get-url-variables/</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.handleChronologicalView">handleChronologicalView</a></b>(data)
								</div>
								<div class="description">Handle the data which has been loaded from the server.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.handleRelationshipView">handleRelationshipView</a></b>(data)
								</div>
								<div class="description">Handle the data which has been loaded from the server.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.handleStakeholderView">handleStakeholderView</a></b>(data)
								</div>
								<div class="description">Handle the data which has been loaded from the server.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.maintainSession">maintainSession</a></b>(continuous)
								</div>
								<div class="description">This method is used to keep up the session.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.meassureTextDimensions">meassureTextDimensions</a></b>(text, css)
								</div>
								<div class="description">This function measures the size of a given text with a specified css.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.moveMarkedShapes">moveMarkedShapes</a></b>(x, y, exclude)
								</div>
								<div class="description"><p>Move all marked shapes</p>

<p>odr.vars.markedElements is used for performance reasons.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.newId">newId</a></b>()
								</div>
								<div class="description">This function always returns a new unique id, i.e.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.ready">ready</a></b>(callback)
								</div>
								<div class="description">Listeners that you add to the ready phase can make use of the whole drawing facility.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.round">round</a></b>(value, roundTo)
								</div>
								<div class="description"><p>Round <i>value</i> to a multiple of <i>roundTo</i></p></div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.roundUp">roundUp</a></b>(value, roundTo)
								</div>
								<div class="description">Just list odr._round but it just rounds up to a multiple of <i>roundTo</i>.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.selectElements">selectElements</a></b>(minX, minY, maxX, maxY)
								</div>
								<div class="description">Select all elements in odr.vars.shapesThatDetermineCanvasSize that fall into the given region.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.showAdditionalDecisionDetails">showAdditionalDecisionDetails</a></b>(node)
								</div>
								<div class="description">Show details about the given node</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">odr.<b><a href="../symbols/odr.html#.showAdditionalIterationDetails">showAdditionalIterationDetails</a></b>(node)
								</div>
								<div class="description">Show details about the given node</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
			
<!-- ============================== events summary ======================== -->
			

<!-- ============================== constructor details ==================== -->		
			
			<div class="details"><a name="constructor"> </a>
				<div class="sectionTitle">
					Namespace Detail
				</div>
				
				<div class="fixedFont">
						<b>odr</b>
				</div>
				
				<div class="description">
					
					
				</div>
				
				
				
				
					
					
					
					
					
					
					

			</div>
			

<!-- ============================== field details ========================== -->		
			

<!-- ============================== method details ========================= -->		
			
				<div class="sectionTitle">
					Method Detail
				</div>
				
					<a name=".addNode"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{<a href="../symbols/odr.Node.html">odr.Node</a>}</span>
					<span class="light">odr.</span><b>addNode</b>(name, status, statusToShow, visible)
					
					</div>
					<div class="description">
						Use this utility functionality to add nodes. It has several benefits as it will make sure that the node will be
added to the nodes menu and it will also add the node to the status menu.
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-menu.js.html">diagram-menu.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/String.html">String</a>}</span> <b>name</b>
									
								</dt>
								<dd>The name which should be shown for this node</dd>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/String.html">String</a>}</span> <b>status</b>
									
								</dt>
								<dd>The status that will be visible in the status menu</dd>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/String.html">String</a>}</span> <b>statusToShow</b>
									
								</dt>
								<dd>The status that will be shown above the name of the node in the node and in the decisions menu</dd>
							
								<dt>
									<span class="light fixedFont">{Boolean}</span> <b>visible</b>
									<i>Optional</i>
								</dt>
								<dd>Whether this node is visible. Default = false</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/odr.Node.html">odr.Node</a>}</span> The new node.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".alignmentHelper"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>alignmentHelper</b>(helpAction, cancelAction)
					
					</div>
					<div class="description">
						Open a dialog box that checks whether the user wants the system to automatically align the drag handles for him.
This dialog won't be shown if the user selected that his action should be remembered.
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/Function.html">Function</a>}</span> <b>helpAction</b>
									
								</dt>
								<dd>This function will be called when the user decideds that he wants help</dd>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/Function.html">Function</a>}</span> <b>cancelAction</b>
									
								</dt>
								<dd>This function will be called when the user decideds that he wants NO help</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".arrow"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Element}</span>
					<span class="light">odr.</span><b>arrow</b>(id)
					
					</div>
					<div class="description">
						<p>Create a new arrow with default attributes and add it to the definitions of the svg.</p>
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<b>id</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Element}</span> The created element</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".assertBodySize"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>assertBodySize</b>()
					
					</div>
					<div class="description">
						<p>Make sure that the size of the body element is at least the size of the available viewport.</p>

<p>This is mandatory for the lasso as otherwise the click event on the body won't be recognized.</p>
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name=".assertSvgSize"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>assertSvgSize</b>()
					
					</div>
					<div class="description">
						Make sure that the size of the SVG canvas is big enough for all lines
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name=".bootstrap"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>bootstrap</b>(listener)
					
					</div>
					<div class="description">
						Attach a lisnener to the bootstrap phase. You should only attach listeners to this phase that
don't require that the whole drawing facility is completely set up!
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/Function.html">Function</a>}</span> <b>listener</b>
									
								</dt>
								<dd>The function which should be called during the initialization phase.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".canvas"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Object}</span>
					<span class="light">odr.</span><b>canvas</b>()
					
					</div>
					<div class="description">
						Get the SVG canvas
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Object}</span> The SVG canvas DOM element</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".clearSelectedElements"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>clearSelectedElements</b>()
					
					</div>
					<div class="description">
						Deselect all selected elements
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name=".getUrlVars"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Object}</span>
					<span class="light">odr.</span><b>getUrlVars</b>()
					
					</div>
					<div class="description">
						Taken from http://snipplr.com/view/799/get-url-variables/
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Object}</span> An object that contains all request parameters in the form of "parameterName : value".</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".handleChronologicalView"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>handleChronologicalView</b>(data)
					
					</div>
					<div class="description">
						Handle the data which has been loaded from the server. The data must have the correct form for a chronological view
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-load.js.html">diagram-load.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>data</b>
									
								</dt>
								<dd>The data from the server</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".handleRelationshipView"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>handleRelationshipView</b>(data)
					
					</div>
					<div class="description">
						Handle the data which has been loaded from the server. The data must have the correct form for a relationship view
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-load.js.html">diagram-load.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>data</b>
									
								</dt>
								<dd>The data from the server</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".handleStakeholderView"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>handleStakeholderView</b>(data)
					
					</div>
					<div class="description">
						Handle the data which has been loaded from the server. The data must have the correct form for a stakeholver view
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-load.js.html">diagram-load.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>data</b>
									
								</dt>
								<dd>The data from the server</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".maintainSession"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>maintainSession</b>(continuous)
					
					</div>
					<div class="description">
						This method is used to keep up the session. It could happen that a edits / views a visualization for longer then
the session timeout length. Therefore the server is "pinged" continuously to maintain the session.
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Boolean}</span> <b>continuous</b>
									
								</dt>
								<dd>Whether the ping should only be done once or multiple times.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".meassureTextDimensions"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Object}</span>
					<span class="light">odr.</span><b>meassureTextDimensions</b>(text, css)
					
					</div>
					<div class="description">
						This function measures the size of a given text with a specified css.
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/String.html">String</a>}</span> <b>text</b>
									
								</dt>
								<dd>The text from which you want to meassure the size</dd>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>css</b>
									
								</dt>
								<dd>The css which should be used for meassuring</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Object}</span> An object with width and height properties that represent the text dimensions.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".moveMarkedShapes"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>moveMarkedShapes</b>(x, y, exclude)
					
					</div>
					<div class="description">
						<p>Move all marked shapes</p>

<p>odr.vars.markedElements is used for performance reasons.</p>
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Number}</span> <b>x</b>
									
								</dt>
								<dd>The number of pixel that each marked element should be moved in horizontal direction</dd>
							
								<dt>
									<span class="light fixedFont">{Number}</span> <b>y</b>
									
								</dt>
								<dd>The number of pixel that each marked element should be moved in vertical direction</dd>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/odr.Drawable.html">odr.Drawable</a>}</span> <b>exclude</b>
									
								</dt>
								<dd>Exclude this item from moving. Normally this should be that item that is dragged
as otherwise it would be moved twice.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".newId"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{Number}</span>
					<span class="light">odr.</span><b>newId</b>()
					
					</div>
					<div class="description">
						This function always returns a new unique id, i.e. a number. The first id is 0.
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Number}</span> a unique id</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".ready"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>ready</b>(callback)
					
					</div>
					<div class="description">
						Listeners that you add to the ready phase can make use of the whole drawing facility. This generally means
that you can start adding nodes or calling methods.
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/Function.html">Function</a>}</span> <b>callback</b>
									
								</dt>
								<dd>The function which should be called after the drawing facility is set up.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".round"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>round</b>(value, roundTo)
					
					</div>
					<div class="description">
						<p>Round <i>value</i> to a multiple of <i>roundTo</i></p>
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Number}</span> <b>value</b>
									
								</dt>
								<dd>The value which you want to round</dd>
							
								<dt>
									<span class="light fixedFont">{Number}</span> <b>roundTo</b>
									
								</dt>
								<dd>Round to the nearest multiple of this value</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".roundUp"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>roundUp</b>(value, roundTo)
					
					</div>
					<div class="description">
						Just list odr._round but it just rounds up to a multiple of <i>roundTo</i>.
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Number}</span> <b>value</b>
									
								</dt>
								<dd>The value which you want to round</dd>
							
								<dt>
									<span class="light fixedFont">{Number}</span> <b>roundTo</b>
									
								</dt>
								<dd>Round to the nearest multiple of this value</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd>odr._round</dd>
							
							</dl>
						

					<hr />
				
					<a name=".selectElements"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>selectElements</b>(minX, minY, maxX, maxY)
					
					</div>
					<div class="description">
						Select all elements in odr.vars.shapesThatDetermineCanvasSize that fall into the given region.
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-core.js.html">diagram-core.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Number}</span> <b>minX</b>
									
								</dt>
								<dd>The minimum x coordinate</dd>
							
								<dt>
									<span class="light fixedFont">{Number}</span> <b>minY</b>
									
								</dt>
								<dd>The minimum y coordinate</dd>
							
								<dt>
									<span class="light fixedFont">{Number}</span> <b>maxX</b>
									
								</dt>
								<dd>The maximal x coordinate</dd>
							
								<dt>
									<span class="light fixedFont">{Number}</span> <b>maxY</b>
									
								</dt>
								<dd>The maximal y coordinate</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".showAdditionalDecisionDetails"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>showAdditionalDecisionDetails</b>(node)
					
					</div>
					<div class="description">
						Show details about the given node
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-menu.js.html">diagram-menu.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/odr.Node.html">odr.Node</a>}</span> <b>node</b>
									
								</dt>
								<dd>The node for which additional information should be shown</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".showAdditionalIterationDetails"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">odr.</span><b>showAdditionalIterationDetails</b>(node)
					
					</div>
					<div class="description">
						Show details about the given node
						
							<br />
							<i>Defined in: </i> <a href="../symbols/src/diagram-menu.js.html">diagram-menu.js</a>.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/odr.Node.html">odr.Node</a>}</span> <b>node</b>
									
								</dt>
								<dd>The node for which additional information should be shown</dd>
							
							</dl>
						
						
						
						
						
						
						

					
				
			
			
<!-- ============================== event details ========================= -->		
			
			
			<hr />
		</div>

		
<!-- ============================== footer ================================= -->
		<div class="fineprint" style="clear:both">
			
			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Sun Dec 19 2010 14:46:05 GMT+0100 (CET)
		</div>
	</body>
</html>
